<template>
	<!-- 兼职卡片 -->
	<view style="box-shadow: 0px 0px 10px 0px #66666645;border-radius:10rpx;display: flex;flex-direction:column;margin:15rpx;">
		<view style="flex: 1;display: flex;justify-content: space-between;padding: 20rpx;">
			<view style="flex: 1;display: flex;justify-content: space-between;align-items: center;">
				<u-avatar :src="absUrl(enroll.enroller.head_icon_url)" size="40" fontSize="34"></u-avatar>
				
				<view style="margin-left: 20px;border-right: solid 1px #eee;height: 100%;"></view>
				
				<view style="flex: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;">
					<view style="width: 100%;">
						<view style="width: 100%;display: flex;align-items: center;padding: 0rpx 0;justify-content:space-evenly;">
							<view style="font-weight: bold;font-size: 16px;">{{enroll.enroller.name}}</view>
							<view style="margin: 2px;color: #888;">26岁</view>
							<view>男</view>
						</view>
						<view style="color: #888;margin: 20rpx 0;    text-align: center;">
							{{enroll.enroller.id_number}}
						</view>
						<view style="font-weight: bold;font-size: 18px;text-align: center;font-weight: bold;font-size: 16px;">
							{{enroll.enroller.phone_number}}
						</view>
					</view>
				</view>
			</view>
		
			<view style="display: flex;align-items: center;justify-content: center;">
				<slot :enroll="enroll"></slot>
			</view>	
		</view>
	</view>
</template>

<script>
	import memberManager from './member-manager.js'
	
	export default {
		mixins:[memberManager],
		props:{
			enroll:Object
		},
		computed:{
			
		}
	}
</script>